import { useEffect } from 'react'
import './index.css'

export const Diaolog = (props) =>{

    useEffect(()=>{
        console.log(props.info);
    },[])

    return <div className = "myDiaolog">
            <div className = "myjuxing">{props.info.msg}</div>
            <div className = "mytran"></div>
            <img src ={props.info.avatar}></img>
        </div>
    
}

export const Diaolog_2 = (props) =>{

    useEffect(()=>{
        console.log(props.info);
    },[])

    return <div className = "myDiaolog2">
            <img src ={props.info.avatar}></img>
            <div className = "mytran2"></div>
            <div className = "myjuxing2">{props.info.msg}</div>
            
            
        </div>
    
}